<!DOCTYPE html>
{% load static %}
<html>
    <head>
	    	<title>XKOJ {% block title %}{% endblock %}</title>
		<link rel="stylesheet" href="{% static "semantic/semantic/dist/semantic.min.css" %}"/>
		<link rel="stylesheet" href="{% static "semantic/semantic/dist/semantic.css" %}"/>
		<link rel="stylesheet" href="{% static "css/Ace.css" %}"/>
		<link rel="stylesheet" href="{% static "css/blogs.css" %}"/>
		<script src="{% static "js/jquery-1.11.0.min.js" %}"></script>
		<script src="{% static "semantic/semantic/dist/semantic.min.js" %}"></script>
		<script src = "{% static "semantic/semantic/dist/semantic.js" %}"> </script>
    </head>
    <body>
        <div>
		  <div class="ui secondary stackable pointing menu">
			<div class="item header" href="/">XKOJ</div>
			<a class="item" href="/">主页</a>
			<a class="item" href="/problems">题目集</a>
			<a class="item" href="/games">比赛</a>
			<a class="item" href="/blogs">博客</a>
			<a class="item" href="/about">关于</a>
			{% if user.is_superuser %}
				<a class="item" href="/add_problem">添加题目</a>
			{% endif %}
                {% block submit %}
                {% endblock %}
				<div class="right menu">
					{% if user.is_authenticated %}
						<a class="item" href="/message/">{{ user.username }}</a>
						<a href="/logout" class="ui item botton">登出</a>
					{% else %}
						<a href="/login" class="ui item botton">注册/登录</a>
					{% endif %}
				</div>
			</div>
		</div>
		<div class="ui internally grid">
            <div class="row">
                <div class="three wide column">
                    <img>
                </div>
                <div class="ten wide column">
                    <div>
                        {% block body_block %} {% endblock %}
                    </div>
                </div>
                <div class="three wide column">
                    <img>
                </div>
            </div>
            <div class="row">
                <div class="three wide column">
                    <img>
                </div>
                <div class="ten wide column" style="position: relative;top: 300px"></div>
                <div class="three wide column">
                    <img>
                </div>
            </div>
        </div>
    </body>
</html>
